html {
	color: #000;
	background: #fff
}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

body,input {
	background: #fff
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: 400
}

li {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

q:after,q:before {
	content: ''
}

abbr,acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input,select,textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

input,select,textarea {
	*font-size: 100%
}

legend {
	color: #000
}

button {
	font-family: "Microsoft YaHei";
	_font-family: "\5FAE\8F6F\96C5\9ED1"
}

video {
	outline: 0;
	border: none;
	background-color: transparent
}

body,html {
	font-size: 12px;
	line-height: 1.75em;
	font-family: "Microsoft YaHei";
	_font-family: "\5FAE\8F6F\96C5\9ED1";
	color: #333;
	background: #fafafa;
    width: 100%;
    overflow-x: hidden;
}

a {
	color: #333;
	text-decoration: none;
	outline: 0
}

.global-clearfix:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both
}

.global-clearfix {
	zoom: 1
}

.global-clear {
	clear: both
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.23)
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0,0,0,.35)
}

::-webkit-scrollbar-thumb:active {
	background-color: rgba(0,0,0,.45)
}

.page-common {
	display: none
}

.fade {
	-webkit-transition: all .8s linear .2s;
	-moz-transition: all .8s linear .2s;
	-ms-transition: all .8s linear .2s;
	-o-transition: all .8s linear .2s;
	transition: all .8s linear .2s
}

.fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(0,50px);
	-moz-transform: translate(0,50px);
	-ms-transform: translate(0,50px);
	-o-transform: translate(0,50px);
	transform: translate(0,50px)
}

.fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

button,div.qb-btn,input[type=button],input[type=submit] {
	font-family: "Microsoft YaHei";
	_font-family: "\5FAE\8F6F\96C5\9ED1";
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	border-style: none;
	outline: 0;
	padding: 0 30px;
	height: 38px;
	text-align: center;
	border-radius: 4px;
	background: #00b4ff;
	background: -webkit-linear-gradient(to right,#00b4ff,#0080e2);
	background: -moz-linear-gradient(to right,#00b4ff,#0080e2);
	background: -ms-linear-gradient(to right,#00b4ff,#0080e2);
	background: -o-linear-gradient(to right,#00b4ff,#0080e2);
	background: linear-gradient(to right,#00b4ff,#0080e2);
	font-size: 14px;
	color: #fff;
	line-height: 70px
}

button:hover,div.qb-btn:hover,input[type=button]:hover,input[type=submit]:hover {
	background: #19bcff;
	background: -webkit-linear-gradient(to right,#19bcff,#198de5);
	background: -moz-linear-gradient(to right,#19bcff,#198de5);
	background: -ms-linear-gradient(to right,#19bcff,#198de5);
	background: -o-linear-gradient(to right,#19bcff,#198de5);
	background: linear-gradient(to right,#19bcff,#198de5)
}

button:active,div.qb-btn:active,input[type=button]:active,input[type=submit]:active {
	background: #33c3ff;
	background: -webkit-linear-gradient(to right,#33c3ff,#339ae8);
	background: -moz-linear-gradient(to right,#33c3ff,#339ae8);
	background: -ms-linear-gradient(to right,#33c3ff,#339ae8);
	background: -o-linear-gradient(to right,#33c3ff,#339ae8);
	background: linear-gradient(to right,#33c3ff,#339ae8)
}

body,html {
	background: #fafafa;
	width: 100%;
	overflow-x: hidden
}

body.lock,html.lock {
	height: 100vh;
	overflow: hidden
}

body {
	position: relative
}

.hide {
	display: none
}

.download-bar {
	margin: 0 auto 0;
	text-align: left;
	position: relative;
	z-index: 2
}

.download-bar .bar-logo {
	width: 308px;
	position: relative;
	top: 8px
}

.download-bar .bar-r {
	position: absolute;
	right: 10px;
	top: 0;
	white-space: nowrap
}

.download-bar .qb-btn {
	margin: 0 0 0 25px
}

.download-bar .qb-btn:first-child {
	margin: 0
}

.video-wrapper {
	display: none\9
}

.one-screen .pre-wrapper {
	text-align: center
}

.header-banner {
	display: none;
	text-align: center;
	background: #eef0f0;
	height: 90px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999
}

.top-banner .header-banner {
	display: block
}

.top-banner .header {
	top: 90px
}


.header {
	padding: 13px 0 0;
    height: 39px;
	opacity: .95;
	filter: alpha(opacity=95);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10
}

.header .header-inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative
}

.header .header-inner .logo-r {
	position: absolute;
	right: 0;
	top: 3px;
}
.header .header-inner .logo-l {
    width: 200px;
    bottom: 3px;
    position: relative;
}
.header .header-inner .logo-r .header-nav .nav-li {
	float: left;
	margin: 0 0 0 45px
}

.header .header-inner .logo-r .header-nav .nav-li:first-child {
	margin-left: 0
}

.header .header-inner .logo-r .header-nav .nav-li.btn {
	margin-left: 40px
}

.header .header-inner .logo-r .header-nav .nav-li .nav-link {
	font-size: 15px;
	color: #fff
}

.header .header-inner .logo-r .header-nav .nav-li .nav-link:hover {
	font-weight: 600
}

.header .header-inner .qb-btn {
	display: none;
	float: left;
	position: relative;
	top: -4px;
	font-size: 14px;
	padding: 0 15px;
	line-height: 29.5px;
	height: 30px;
	font-weight: 100;
	border-radius: 15px;
	background: linear-gradient(to right,#0f92ff,#5dc7ff)
}

.header-nav2 .nav-li {
	float: left;
	margin: 0 0 0 45px
}

.header-nav2 .nav-li:first-child {
	margin-left: 0
}

.header-nav2 .nav-li.btn {
	margin-left: 40px
}

.header-nav2 .nav-li .nav-link {
	font-size: 17px;
	color: #333
}

.header-nav2 .nav-li .nav-link:hover {
	color: #26a2ff
}

.first-screen {
	padding-bottom:15px;
	text-align: center;
	position: relative;
	overflow:hidden;
}

.first-screen .index-bg-w {
	max-width: 1920px;
	margin: 0 auto
}

.first-screen .index-bg-w .index-bg-inner {
	padding: 21.5% 0;
	position: relative;
	background-size: 50%;
	background: url(../style/bg.jpg) no-repeat 100% 95%
}

.first-screen .index-bg-w .index-bg-inner .curtain {
	padding-top: 0;
	padding-bottom: 0;
	width: 75%;
	height: 55%;
	position: absolute;
	top: 21%;
	left: 12%;
	z-index: 2
}

.first-screen .index-bg-w .index-bg-inner .curtain .suspdenButton {
	padding-top: 0;
	padding-bottom: 0;
	height: 15%;
	width: 15%;
	position: absolute;
	right: 26%;
	top: 59.2%
}

.first-screen .index-bg-w .index-bg-inner .index-pc .left {
	width: 68%;
	position: absolute;
	top: 13%;
	left: -61%
}

.first-screen .index-bg-w .index-bg-inner .index-pc .right {
	width: 30%;
	position: absolute;
	top: 32%;
	right: -30%
}

.first-screen .index-bg-w .index-bg-inner .index-pc .button {
	width: 53%;
	position: absolute;
	top: 54%;
	right: -54.5%;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

.first-screen .index-bg-w .index-bg-inner .index-pc .button .button-down {
	width: 20%;
	float: left;
	margin-right: 50px;
	color: #5db0ff;
	cursor: pointer
}

.first-screen .index-bg-w .index-bg-inner .index-pc .button .button-downBt {
	padding: 3% 0;
	width: 20%;
	background: url(../style/btn.png) no-repeat center/contain;
	float: left;
	cursor: pointer
}

.first-screen .index-bg-w .index-bg-inner .index-moble .left {
	width: 23%;
	position: absolute;
	top: 30%;
	left: -23%
}

.first-screen .index-bg-w .index-bg-inner .index-moble .right {
	width: 22%;
	position: absolute;
	top: 13%;
	right: -30%
}

.first-screen .index-doodles {
	width: 43px;
	position: absolute;
	bottom: 24px;
	left: 50%;
	margin-left: -22px
}

.first-screen .index-doodles .index-doodles-item {
	cursor: pointer;
	float: left;
	text-align: left;
	width: 10px;
	height: 10px;
	line-height: 10px;
	position: relative;
	overflow: hidden;
	margin-left: 23px
}

.first-screen .index-doodles .index-doodles-item:first-child {
	margin: 0
}

.first-screen .index-doodles .index-doodles-item.active .index-doodles-item-inner {
	opacity: 1;
	filter: alpha(opacity=100)
}

.first-screen .index-doodles .index-doodles-item-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 9px dotted;
	margin: 0 0 1px 1px;
	border-width: 0vw;
	margin: 0vw;
	opacity: .6;
	filter: alpha(opacity=60);
	color: #5db0ff;
	background-color: currentColor
}

.first-screen .qb-btn-background {
	background: #009670
}

.first-screen .qb-btn-big-unshow {
	top: 60%!important;
	filter: alpha(opacity=0)!important;
	filter: alpha(opacity=0)
}

.first-screen .qb-btn-big {
	position: absolute;
	padding: 0 45px;
	height: 74px;
	line-height: 74px;
	top: 49%;
	left: 50%;
	margin-left: -121px;
	background: #fff;
	font-size: 30px;
	color: #0083e4;
	transition: .3s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.first-screen .qb-btn-big .qb-btn-inner {
	color: #0083e4
}

.first-screen .qb-btn-big.green .qb-btn-inner {
	color: #009670
}

.first-screen .qb-btn-big.active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.first-screen .qb-btn-big.qr-code {
	opacity: .5;
	filter: alpha(opacity=50);
	background: #0083e4
}

.first-screen .qb-btn-big .qb-btn-big-icon {
	position: absolute;
	width: 24px;
	height: 27px;
	background-image: url(../style/btn-down-blue.png);
	background-image: -webkit-image-set(url(../style/btn-down-blue.png) 1x,url(../style/btn-down-blue@2x.png) 2x);
	background-image: image-set(url(../style/btn-down-blue.png) 1x,url(../style/btn-down-blue@2x.png) 2x);
	left: 40px;
	top: 24px
}

.first-screen .qb-btn-big.green .qb-btn-big-icon {
	background-image: url(../style/btn-down-green.png);
	background-image: -webkit-image-set(url(../style/btn-down-green.png) 1x,url(../style/btn-down-green@2x.png) 2x);
	background-image: image-set(url(../style/btn-down-green.png) 1x,url(../style/btn-down-green@2x.png) 2x)
}

.first-screen .qb-btn-big .qb-btn-big-text {
	margin-left: 32px
}

.first-screen .qb-btn-big .qb-btn-big-text-hide {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.first-screen .qb-btn-big .downloadLink {
	height: 74px
}

.first-screen .qb-btn-info {
	width: 100%;
	font-size: 14px;
	color: #fff;
	position: absolute;
	bottom: -30px;
	left: 0;
	line-height: 1
}

.first-screen .qb-btn-info .qb-btn-info-l {
	float: left;
	margin-left: 25px
}

.first-screen .qb-btn-info .qb-btn-info-r {
	color: #fff;
	float: right;
	margin-right: 20px
}

.first-screen .arrow-download {
	display: none;
	position: fixed;
	left: 50%;
	margin-left: -11px;
	z-index: 99999;
	bottom: 20px;
	-webkit-animation: down 2s linear 0s infinite;
	-moz-animation: down 2s linear 0s infinite;
	-o-animation: down 2s linear 0s infinite;
	-ms-animation: down 2s linear 0s infinite;
	animation: down 2s linear 0s infinite
}

@-moz-keyframes down {
	50% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}

@-webkit-keyframes down {
	50% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}

@-webkit-keyframes down {
	50% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}

@-ms-keyframes down {
	50% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}

@keyframes down {
	50% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}

.first-screen .index-feature {
	position: relative;
	background-color: #f9fafc;
	padding-top: 3%;
	padding-bottom: 4%;
	padding-left: 40%;
	padding-right: 40%
}

.first-screen .index-feature-pc {
	float: left;
	width: 15%;
	margin-top: -6%;
	margin-left: 12.2%;
	cursor: pointer
}

.first-screen .index-feature-model {
	float: right;
	width: 15%;
	margin-top: -6%;
	margin-right: 11.7%;
	cursor: pointer
}

.first-screen .index-feature .slidingBlock {
	width: 3%;
	background-color: #26a2ff;
	padding-top: .2%;
	position: absolute;
	top: 3%;
	left: 42.4%
}

.first-screen .index-feature-pc-n {
	float: left;
	width: 15%;
	padding: 12%;
	margin-top: -6%;
	background: url(../style/PC_n.png) no-repeat center/contain;
	cursor: pointer
}

.first-screen .index-feature-model-p {
	float: right;
	width: 15%;
	padding: 12%;
	margin-top: -6%;
	background: url(../style/Mob_p.png) no-repeat center/contain;
	cursor: pointer
}

.first-screen .index-feature-item {
	display: block;
	cursor: pointer;
	float: left;
	width: 190px;
	position: relative;
	text-align: center
}

.first-screen .index-feature-item:first-child {
	margin: 0
}

.first-screen .feature-img {
	width: 50px;
	height: 50px
}

.first-screen .feature-info {
	color: #7b7b7b;
	font-size: 16px
}

.top-banner .first-screen {
	margin: 90px 0 0
}

.sider-bar {
	overflow: hidden;
	width: 100%
}

.sider-bar .sider-switch-info {
	visibility: hidden
}

.sider-bar.sider {
	background: #fafafa
}

.sider-bar .sider-bar-inner {
	margin: 0 auto
}

.sider-bar .sider-bar-inner .sider-left {
	filter: alpha(opacity=100)\9;
	float: left
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-left-title {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-left-info {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch {
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item {
	float: left;
	width: 33%;
	text-align: center;
	cursor: pointer
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo {
	width: 41px;
	height: 40px;
	margin: 0 auto;
	background: url(../style/logos.png)
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-1 {
	background-position: -42px 0
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-1.active {
	background-position: 0 0
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-2 {
	background-position: -126px 0
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-2.active {
	background-position: -84px 0
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-3 {
	background-position: -210px 0
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-3.active {
	background-position: -168px 0
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-progress-w {
	position: absolute;
	height: 1px;
	left: 0;
	background-color: #ccc
}

.sider-bar .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-progress-w .sider-switch-progress {
	position: absolute;
	background-color: #6c6c6c;
	height: 1px;
	width: 0;
	top: 0;
	left: 0
}

.sider-bar .sider-bar-inner .sider-right {
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar .sider-bar-inner .sider-right .sider-right-img {
	width: 100%;
	position: relative;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar .sider-bar-inner .sider-right .sider-right-img.absolute {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}

.skin {
	width: 100%
}

.skin .skin-inner {
	margin: 0 auto;
	text-align: center
}

.skin .skin-inner .skin-pre-img {
	opacity: 0;
	filter: alpha(opacity=0)
}

.skin .skin-inner .skin-header {
	text-align: center
}

.skin .skin-inner .skin-header .title {
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 70px;
	line-height: 1.5;
	white-space: nowrap
}

.skin .skin-inner .skin-header .info {
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 18px;
	margin: 7px 0 0 0;
	color: #666;
	line-height: 30px
}

.skin .skin-inner .skin-w {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 50px auto 0;
	max-width: 1101px
}

.skin .skin-inner .skin-w .skin-w-inner {
	position: relative;
	padding: 25.862068965517243% 50%;
	object-fit: cover;
	overflow: hidden
}

.skin .skin-inner .skin-w .skin-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}


.speed {
	width: 100%;
	background: url(../style/speed-banner.png) no-repeat center;
	height: 776px;
	background-color: #3255ea
}

.speed .speed-wrapper {
	width: 100%;
	height: 776px;
	max-width: 1920px;
	margin: 0 auto;
	height: 100%;
	position: relative
}

.speed .video-w {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	height: 100%
}

.speed .video-w .speed-img {
	width: 100%
}

.speed .speed-pre-img {
	position: absolute;
	top: 0;
	max-width: 100%;
	height: 100%
}

.speed .speed-video {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.speed .speed-video.video2 {
	opacity: 0;
	filter: alpha(opacity=0)
}

.speed .video-bg {
	width: 100%;
	height: 100%;
	position: relative;
	display: table;
	margin-top: 85px
}

.speed .video-bg .video-info {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff
}

.speed .video-bg .video-info .info-title {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0 auto
}

.speed .video-bg .video-info .info-intro {
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 34px;
	text-align: center;
	letter-spacing: 7px;
	margin: 56px 0 0 0;
	line-height: 1.5
}

.speed .video-bg .video-info .info-feature {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 750px;
	margin: 81px auto 0
}

.speed .video-bg .video-info .feature-item {
	float: left;
	font-size: 18px;
	width: 250px
}

.speed .video-bg .video-info .feature-item .feature-icon {
	margin: 0 auto;
	width: 51px
}

.speed .video-bg .video-info .feature-item .feature-text {
	font-size: 18px;
	letter-spacing: 2px;
	margin: 16px 0 0 0
}

.sider-bar.collection {
	display: block;
	padding: 0
}

.sider-bar.collection .sider-bar-inner .sider-left {
	opacity: 1;
	filter: alpha(opacity=100)
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-left-title {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-left-info {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background-image: url(../style/office-logo.png)
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-1 {
	background-position: -51px -12px
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-1.active {
	background-position: -10px -12px
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-2 {
	background-position: -131px -12px
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-2.active {
	background-position: -91px -12px
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-3 {
	background-position: -211px -12px
}

.sider-bar.collection .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-3.active {
	background-position: -171px -12px
}

.sider-bar.collection .sider-bar-inner .sider-right {
	opacity: 0;
	filter: alpha(opacity=0)
}


.sider-bar.docs {
	display: block;
	padding: 0
}

.sider-bar.docs .sider-bar-inner .sider-left {
	opacity: 1;
	filter: alpha(opacity=100)
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-left-title {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-left-info {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch {
	opacity: 0;
	filter: alpha(opacity=0)
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background-image: url(../style/office-logo.png)
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-1 {
	background-position: -51px -12px
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-1.active {
	background-position: -10px -12px
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-2 {
	background-position: -131px -12px
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-2.active {
	background-position: -91px -12px
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-3 {
	background-position: -211px -12px
}

.sider-bar.docs .sider-bar-inner .sider-left .sider-left-content .sider-switch .sider-switch-item .sider-switch-logo.icon-3.active {
	background-position: -171px -12px
}

.sider-bar.docs .sider-bar-inner .sider-right {
	opacity: 0;
	filter: alpha(opacity=0)
}

.extension .extension-header {
	text-align: center
}

.extension .extension-header .title {
	opacity: 0;
	filter: alpha(opacity=0)
}

.extension .extension-header .info {
	color: #666;
	opacity: 0;
	filter: alpha(opacity=0)
}

.extension .extension-slider-inner-wrapper {
	opacity: 0;
	filter: alpha(opacity=0)
}

.extension .extension-slider-wrapper .extension-slider-inner {
	position: relative
}

.extension .extension-slider-wrapper .extension-slider-inner .extension-silider-item {
	float: left
}

.extension .extension-slider-wrapper .extension-slider-inner .extension-silider-item:first-child {
	margin: 0
}

.extension .extension-slider-wrapper .extension-slider-inner .extension-silider-item .extension-slider-img {
	width: 100%
}

.extension .extension-slider-wrapper .extension-slider-inner .extension-silider-item .extension-slider-info .slider-info-left {
	float: left;
	text-align: center;
	position: relative
}

.extension .slide-doodle {
	position: relative;
	left: 50%;
	margin-top: 75px;
	margin-left: -195px
}

.extension .slide-doodle .doodle {
	float: left;
	margin-left: 10px;
	width: 70px;
	height: 1px;
	border-top: 5px solid #fafafa;
	border-bottom: 5px solid #fafafa;
	background: #afafaf;
	cursor: pointer;
	overflow: hidden;
	position: relative
}

.extension .slide-doodle .doodle:first-child {
	margin-left: 0
}

.extension .slide-doodle .doodle .progress {
	position: absolute;
	top: 0;
	height: 0;
	width: 0;
	height: 100%;
	background: #000
}

.extension .slide-doodle .doodle.active .progress {
	background: #000
}

.life {
	overflow: hidden;
	position: relative;
	background-color: #fafafa;
	background: -webkit-linear-gradient(to top,#dbdee4,#fafafa);
	background: -moz-linear-gradient(to top,#dbdee4,#fafafa);
	background: -ms-linear-gradient(to top,#dbdee4,#fafafa);
	background: -o-linear-gradient(to top,#dbdee4,#fafafa);
	background: linear-gradient(to top,#dbdee4,#fafafa)
}

.life .life-inner {
	margin: 0 auto
}

.life .life-inner .life-header {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center
}

.life .life-inner .life-header .title {
	opacity: 0;
	filter: alpha(opacity=0);
	line-height: 1
}

.life .life-inner .life-header .title:first-child {
	margin: 0
}

.life .life-inner .bg-wrapper {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0 auto
}

.life .life-inner .bg-wrapper .bg-w {
	padding: 33.3984375% 50%;
	position: relative
}

.life .life-inner .bg-wrapper .bg-w .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55555
}

.life .life-inner .bg-wrapper .bg-w .bg.active {
	opacity: 1;
	filter: alpha(opacity=100)
}
.footer {
	/* position: absolute;
	bottom: 10px; */
	padding: 15px 0;
	border-top:#eceff3 1px solid;
	width: 100%;
	left: 0;
	text-align: center
}

.footer li {
	display: inline
}

.footer .link-bar {
	color: #999
}

.footer .link-bar .link-bar-li {
	padding: 0 10px;
	position: relative
}

.footer .link-bar .link-bar-li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 1px;
	height: 12px;
	background: #999
}

.footer .link-bar .link-bar-li:first-child {
	border: 0
}

.footer .link-bar .link-bar-li:first-child:before {
	content: '';
	width: 0
}

.footer .link-bar .link-bar-li .link-bar-a {
	color: #999;
	margin: 10px 0 0 0
}

.footer .copyright {
	margin: 5px 0 0 0;
	color: #999
}